<template>
	<view class="applicationlist">
		<uni-nav-bar title="应用" :border="false" :statusBar="true" rightIcon="plusempty"></uni-nav-bar>
		<view class="app_search">
			<uni-icons type="search" class="search_icon"></uni-icons>
			<input type="text" class="mui_search_input" placeholder="搜索应用"/>
		</view>
		
		<view class="application_item mg_tp_10">
			<image src="../../../static/images/application1.png" />
			<view class="application_txt">
				<text>地图导航</text>
				<text>精准具体位置</text>
			</view>
		</view>
		<view class="application_item">
			<image src="../../../static/images/application2.png" />
			<view class="application_txt">
				<text>视频工作</text>
				<text>百人视频会议互动，远程协作高效</text>
			</view>
		</view>
		<view class="application_item">
			<image src="../../../static/images/application3.png" />
			<view class="application_txt">
				<text>员工健康</text>
				<text>及时报备情况，守护员工健康</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.applicationlist{
	width: 750rpx;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mui_search_input{
	margin-left: 12rpx;
	font-size: 28rpx;
	height: 80rpx;
	line-height: 80rpx;
}
.app_search{
	width: 690rpx;
	height:80rpx;
	background-color:#F7F7F7;
	border-radius:6px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.search_icon{
	margin-left: 16px;
	font-size: 22px;
}
.app_search_txt{
	margin-left: 6rpx;
	font-size:28rpx;
	font-weight:500;
	color:#909090;
}
.mui-placeholder { font-size: 28rpx;}

.mg_tp_10{
	margin-top: 10px;
}
.application_item{
	width: 750rpx;
	height: 148rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.application_item image{
	width: 100rpx;
	height: 100rpx;
	margin-left: 20rpx;
	flex-shrink: 0;
}
.application_txt{
	margin-left: 26rpx;
	flex: 1;
	min-width: 0;
	height: 148rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-bottom: 1px solid #EBEBEB;
}
.application_txt text:nth-child(1){
	font-size:32rpx;
	font-weight:500;
	color:#454545;
}
.application_txt text:nth-child(2){
	font-size:28rpx;
	font-weight:400;
	color:#909090;
}
</style>
